<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <!--标题标签-->
    <h1>h1标签</h1>
    <h2>h2标签</h2>
    <h5>h5标签</h5>
    <h6>h6标签</h6>
    <hr>

    <!--段落标签，对前后的元素都会有空行-->
    a<p>段落</p>a

    <hr>
    明教四大法王
    <!--无序列表-->
    <ul>
        <li>紫衫龙王</li>
        <li>白眉鹰王</li>
        <li>金毛狮王</li>
        <li>青翼蝠王</li>
    </ul>

    <hr>

    JDBC开发流程
    <!--有序列表-->
    <ol>
        <li>加载驱动，建立连接</li>
        <li>执行SQL语句</li>
        <li>关闭连接</li>
    </ol>

    <hr>
    分区块是网页中的小容器。可以包含元素，也可以被其他元素所包含
    <div style="width: 300px;height: 200px;border: 1px solid #000">ddd</div>

    <hr>
    span可以跨域多个字符，可以单独给这些字符添加样式<br>
    〈满江红〉是南宋<span style="color: red">岳飞</span>写的

    <hr>
    图片链接的路径有两种：相对路径和物理路径<br>
    物理路径是相对于磁盘而言，是哪个盘哪个目录中的图片路径。<br>
    相对路径是相对于当前网页言。是指图片相对于当前网页的路径。<br>

    <!--网页和图片在同一个目录中，可以直接书写图片文件名-->
    <img src="14.jpg" width="200" height="200">

    <!--图片在网页子目录下，先写目录名/，再写文件名-->
    <img src="img/15.jpg" width="200" height="200">

    <!--图片在网页的父目录中，先写../，再写文件名-->
    <img src="../16.jpg" width="200" height="200">
    <hr>
    <!--如果跳转页面和当前网页在同一个目录下，直接写文件名-->
    <a href="1.html">跳转1.html</a><br>
    <!--如果跳转页面在当前网页的子目录下，先写目录名/，再写文件名-->
    <a href="img/2.html">跳转2.html</a><br>
    <!--如果跳转页面在当前网页的父目录中，先写 ../，再写文件名-->
    <a href="../3.html">跳转3.html</a>
</body>
</html>